---
title: Typography
description: Styles for headings, paragraphs, lists...etc
component: true
---

<ComponentPreview
   name="typography-demo"
   className="[&>div.min-h-[350px]]:p-6"
   description="A collection of typographic elements."
   dots={false}
/>

## h1

<ComponentPreview name="typography-h1" dots={false} />

## h2

<ComponentPreview name="typography-h2" dots={false} />

## h3

<ComponentPreview name="typography-h3" dots={false} />

## h4

<ComponentPreview name="typography-h4" dots={false} />

## p

<ComponentPreview name="typography-p" dots={false} />

## blockquote

<ComponentPreview name="typography-blockquote" dots={false} />

## table

<ComponentPreview name="typography-table" dots={false} />

## list

<ComponentPreview name="typography-list" dots={false} />

## Inline code

<ComponentPreview name="typography-inline-code" dots={false} />

## Lead

<ComponentPreview name="typography-lead" dots={false} />

## Large

<ComponentPreview name="typography-large" dots={false} />

## Small

<ComponentPreview name="typography-small" dots={false} />

## Muted

<ComponentPreview name="typography-muted" dots={false} />
